@charset "utf-8";
/************************************重置样式************************************/
*{ margin: 0; padding: 0; list-style: none; }
body{ color: #333; font-size: 14px; line-height: 1.6; font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
a{ color: #333; outline: none; text-decoration: none; }
input,textarea,select{ outline: none; font-family: "Microsoft YaHei"; }
img{ border: none;vertical-align: bottom; }
i{ vertical-align: bottom; }
.clearfix:after{ content:"\200B"; display:block; height:0; clear:both; }
.clearfix{ *zoom:1; }
.wrap{ margin-left: auto; margin-right: auto; width: 1200px; }
/**************************************首页**************************************/
/*头部*/
.header{ overflow: hidden;top: 0; z-index: 7777; box-sizing: border-box; width: 100%; height: 70px; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e5ffffff,endcolorstr=#e5ffffff); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
.header:hover{ background-color: rgba(255, 255, 255, 1); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff,endcolorstr=#ffffffff); }
.header .wrap{ padding: 10px 0; }
.header .logo{ float: left; height: 50px; }
.header .logo img{ width: 121px; height: 50px; }
.header .phone{ float: left; margin-left: 40px; }
.header .phone p{ margin-top: 12px; padding-left: 40px; font-size: 20px; color: #000; background: url(../images/phone.png) no-repeat left 3px; background-size: 33px auto; }
.header ul{ float: right; margin-top: 12px; }
.header ul li{ float: left; padding: 0 18px; }
.header ul li a{ display: inline-block; padding: 0 5px; height: 30px; line-height: 30px; font-size: 16px; color: #000; -webkit-transition: all .15s; transition: all .15s; }
.header ul li a.on,.header ul li a:hover{ color: #0094de; border-bottom: 4px solid #0094de; }
/*轮播图*/
#full-screen-slider { width:100%; position:relative}
#slides { display:block; width:100%; height:620px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:48%; top:580px; z-index:5000; padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:7.5px; background:#CCC }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE;}
/*眼镜*/
.glass{ padding-bottom: 30px; background-color: #fbfbfb; }
.glass .title{ text-align: center; }
.glass .title .top{ padding-top: 30px; background-color: #fff; }
.glass .title .top .container{ margin-left: auto; margin-right: auto; width: 1000px; height: 75px; }
.glass .title .top .container img{ width: 200px; }
.glass .title .btm{ margin-left: auto; margin-right: auto; padding-top: 20px; width: 1000px; }
.glass .title .btm p{ line-height: 2; color: #999; }
.glass .title .btm p.p1{ margin-top: 10px; font-size: 18px; letter-spacing: 2px; }
.glass .title .btm p.p2{ margin-left: auto; margin-right: auto; width: 240px; font-size: 16px; background-color: #fbfbfb; position: relative; z-index: 10; }
.glass .title .btm hr{ margin-top: -20px; height: 2px; background-color: #d2d2d2; border: none; }
.glass .title .btm i{ display: inline-block; margin-top: 20px; width: 55px; height: 30px; background: url(../images/glass6.png) no-repeat; background-size: contain; }
.glass .content{ margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 40px; width: 1000px; }
.glass .content li{ float: left; box-sizing: border-box; padding: 0 50px; width: 25%; }
.glass .content li img{ border-radius: 50%; -webkit-transition: all .7s ease; transition: all .7s ease;}
.glass .content li img:hover{transform: rotatez(360deg);-webkit-transform: rotatez(360deg);-moz-transform: rotatez(360deg);}
.glass .content li p{ margin-top: 20px; text-align: center; font-size: 18px; color: #858585; }
/*了解更多*/
.more{ height: 350px; background: url(../images/more.jpg) no-repeat center center; background-size: auto 100%; }
.more .wrap{ position: relative; }
.more .good{ position: absolute; top: 50px; left: 0; width: 546px; height: 242px; }
.more .container{ position: absolute; top: 105px; right: 0; width: 475px; line-height: 2; }
.more .container p{ font-size: 16px; color: #000; }
.more .container a{ margin-top: 10px; display: inline-block; padding: 0 15px; font-size: 18px; line-height: 1.7; color: #000; border: 1px solid #000; }
/*产品展示*/
/*菜单切换*/
.notice{ overflow:hidden; }
.notice-tit{ margin-left: auto; margin-right: auto; width: 448px; }
.notice-tit li{ display: inline; float:left; text-align: center; }
.notice-tit li a{ display: inline-block; margin: 0 10px; width: 90px; height: 30px; line-height: 30px; color: #666; font-size: 16px; border: 1px solid #ccc; }
.notice-tit li.select a{ color: #fff; background:#000; border: 1px solid #000; }
/*课程介绍 轮播*/
.friend{overflow:hidden;width:1200px; }
.mr_frbox{padding:40px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:140px 10px 0 0;width:21px;}
.mr_frUl{float:left;width:1100px;margin-left:20px;}
.mr_frBtnR{float:right;margin-top:140px;cursor:pointer;width:21px;height:46px;}
.mr_frUl ul li{display:inline;float:left;width:220px;overflow:hidden;position:relative;margin: 0 26px;}
.mr_frUl ul li img{ width: 100%; height: 277px; -webkit-transition: all 1s ease; transition: all 1s ease; }
.mr_frUl ul li:hover img{ -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.mr_frUl ul li h3{ margin-top: 5px; font-size: 14px; text-align: center; }
.mr_frUl ul li p{ font-size: 14px; color: #999; text-align: center; }
.mr_frUl ul li a{ display: inline-block; overflow: hidden; width: 100%; height: 277px; }
.mr_frUl ul li a div{ display: none; width: 100%; height: 277px; background-color: rgba(0, 0, 0, 0.5);; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); position: absolute; top: 0; left: 0; }
.mr_frUl ul li a:hover div{ display: block; text-align: center; }
.mr_frUl ul li a div p{ margin-top: 120px; margin-left: 15px; color: #fff; width: 180px; font-size: 18px; border: 1px solid #fff; }
/*产品优势*/
.title_common{ padding: 20px 0; text-align: center; }
.title_common p{ font-size: 40px; color: #000; }
.title_common h3{ font-size: 24px; font-weight: normal; }
.title_common span{ display: inline-block; width: 20px; height: 1px; background-color: #000; }
.youshi{ background-color: #eef0f0; }
.youshi .youshi_list{ margin-left: auto; margin-right: auto; padding-bottom: 20px; width: 650px; }
.youshi .youshi_list li{ float: left; width: 160px; text-align: center; }
.youshi .youshi_list li img{ width: 80px; border-radius: 50%; box-shadow: 4px 4px 6px #aaa; }
.youshi .youshi_list li p{ margin-top: 10px; font-size: 16px; color: #000; font-weight: bold; }
.youshi .content{ /*padding-bottom: 25px;*/ }
.youshi .content .top{ margin-left: auto; margin-right: auto; width: 1346px; height: 323px; }
.youshi .content .top .left{ float: left; width: 653px; height: 100%; }
.youshi .content .top .left img{ width: 653px; height: 100%; }
.youshi .content .top .mid{ box-sizing: border-box; float: left; padding: 10px; width: 305px; height: 100%; color: #fff; background-color: #2f2f2f; font-size: 16px; }
.youshi .content .top .mid li{ margin-left: 20px; list-style: disc; padding-top: 5px; }
.youshi .content .top .mid ul{ padding-top: 30px; }
.youshi .content .top .right{ float: left; width: 387px; height: 100%; }
.youshi .content .top .right img{ width: 387px; height: 100%; }
.youshi .content .btm{ height: 323px; margin-left: auto; margin-right: auto; width: 1346px; }
.youshi .content .btm .left{ float: left; width: 310px; height: 100%; color: #fff; background-color: #6d5845; }
.youshi .content .btm .left p{ margin-top: 100px; text-align: center; font-size: 18px; }
.youshi .content .btm .left h4{ font-weight: bolder; width: 80%; box-sizing: border-box; margin-top: 50px; margin-left: 10%; font-size: 24px; border: 3px solid #fff; padding: 5px 10px; text-align: center; }
.youshi .content .btm .mid{ float: left; width: 382px; height: 100%; }
.youshi .content .btm .mid img{ height: 100%; }
.youshi .content .btm .right{ float: left; width: 653px; height: 100%; }
.youshi .content .btm .right img{ width: 653px; height: 100%; }
.youshi .content .top .left,.youshi .content .top .right,.youshi .content .btm .mid,.youshi .content .btm .right{ overflow: hidden; }
.youshi .content .top .left img,.youshi .content .top .right img,.youshi .content .btm .mid img,.youshi .content .btm .right img{ -webkit-transition: all 2s ease; transition: all 2s ease; }
.youshi .content .top .left img:hover,.youshi .content .top .right img:hover,.youshi .content .btm .mid img:hover,.youshi .content .btm .right img:hover{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
/*新闻咨询*/
.news{ background-color: #f5f5f5; }
.news .title{ padding: 40px 0 40px; text-align: center; background-color: #fff; line-height: 1.2; }
.news .title p{ font-size: 30px; }
.news .title h3{ font-size: 30px; font-weight: normal; }
.news .title img{ margin-top: 10px; width: 350px; }
.news .content{ margin: 0 auto; padding: 40px 0 0; width: 1010px; }
.news .content li{ float: left; margin: 0 15px; width: 305px; background-color: #fff; box-shadow: 0px 0px 5px #ccc; border-radius: 5px; overflow: hidden; -webkit-transition: all .2s ease; transition: all .2s ease; }
.news .content li:hover{ box-shadow: 0px 0px 20px #999; }
.news .content li h3{ margin: 0 15px; padding: 10px 0; font-size: 16px; border-bottom: 1px solid #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .content li p{ margin: 10px 15px; font-size: 14px; color: #999; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 41px; }
.news .content li a{ display: inline-block; width: 100%; text-align: center; font-size: 16px; line-height: 2.5; background-color: #fafafa; border-top: 1px solid #eee; }
.news_link{ padding: 30px 0 40px; text-align: center; }
.news_link a{ display: inline-block; padding: 0 20px; line-height: 30px; font-size: 18px; border: 1px solid #333; border-radius: 15px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.news_link a:hover{ color: #fff; background-color: #2196d4; border: 1px solid #2196d4; }
/*底部*/
.footer{ background-color: #515151; }
.footer .link{ padding: 30px 0; }
.footer .link .left{ float: left; }
.footer .link .mid{ float: left; margin-left: 100px; padding-top: 10px; }
.footer .link .mid ul{ overflow: hidden; }
.footer .link .mid ul li{ float: left; }
.footer .link .mid ul li a{ padding: 0 15px; border-right: 2px solid #fff; color: #fff; line-height: 1; }
.footer .link .mid ul li.ll a{ border: none; }
.footer .link .mid p{ padding-left: 15px; padding-top: 10px; color: #bfbdbd; }
.footer .link .right{ float: right; width: 223px; }
.footer .link .right p{ padding-left: 30px; color: #fff; }
.footer .link .right p.p1{ background: url(../images/footer1.png) no-repeat left 5px; background-size: 15px auto; letter-spacing: 2px; }
.footer .link .right p.p2{ margin-top: 10px; font-size: 18px; background: url(../images/footer2.png) no-repeat left 5px; background-size: 16px auto; letter-spacing: 3px; }
.footer .share{ padding: 10px 0 ; border-top: 1px solid #666; overflow: hidden;}
.footer .share .bdsharebuttonbox{ margin-left: auto; margin-right: auto; width: 210px; }
.footer .share .bdsharebuttonbox span{ float: left; font-size: 14px; line-height: 40px; color: #fff; }
.footer .share .bdsharebuttonbox a{ display: inline-block; margin-right: 10px; height: 32px; padding-left: 32px; }
.footer .share .bdsharebuttonbox a.bds_tsina{ background: url(../images/weibo.png) no-repeat; background-size: 99% 99%; }
.footer .share .bdsharebuttonbox a.bds_weixin{ background: url(../images/weixin.png) no-repeat; background-size: 99% 99%; }
.footer .share .bdsharebuttonbox a.bds_sqq{ background: url(../images/qq.png) no-repeat; background-size: 99% 99%; }
/***********************************防伪查询***********************************/
.fangwei{ margin-top: 34px; }
.common_list{ border-bottom: 2px solid #54b2e1; }
.common_list li{ margin-right: 10px; float: left; }
.common_list li a{ display: inline-block; width: 126px; height: 47px; line-height: 49px; text-align: center; font-size:18px; color: #fff; background-color: #535353; }
.common_list li.on a,.common_list li a:hover{ background-color: #54b2e1; }
.fangwei .content{ text-align: center; }
.fangwei .content p{ display: inline-block; }
.fangwei .content p.p1{ margin-top: 60px; padding-left: 80px; text-align: left; line-height: 1.2; background: url(../images/fangwei1.png) no-repeat left center; background-size: contain; }
.fangwei .content p.p1 span.s1{ font-size: 40px; color: #7bcd00; }
.fangwei .content p.p1 span.s2{ font-size: 30px; color: #999; }
.fangwei .content form{ margin-top: 55px; }
.fangwei .content form input[type='text']{ box-sizing: border-box; padding: 0 10px; width: 577px; height: 43px; line-height: 43px; border: 1px solid #ccc; font-size: 18px; }
.fangwei .content form input[type='submit']{ margin-top: 40px; width: 267px; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 20px; border-radius: 5px; border: none; background-color: #54b2e1; }
.fangwei .content p.p2{ margin-top: 50px; margin-bottom: 60px; font-size: 17px; color: #5b5b5b; line-height: 36px;}
.fangwei .content p.p2 span{ color: #fe0000; }
/***********************************新闻详情***********************************/
/*位置*/
.xinwen_xiang{height:auto;}
.weizhi{color:#999; font-size:16px;height:30px; border-bottom:solid 1px #d2d2d2;margin:8px 0;}
.weizhi ul{ float: left;}
.weizhi ul li{float: left; }
.weizhi ul li a{color:#999;}
#wei {color:#333;}
/*新闻标题*/
.xinwen{height:100px;margin-top:20px;margin-bottom:20px;border-bottom:solid 1px #d2d2d2;}
.xinwen h3{ text-align:center; font-size:24px; font-weight:100;}
.xinwen p{text-align:center;font-size:16px; color:#999;margin-top:20px;margin-bottom:20px;}
.xinwen p span{margin:0 20px;}
/*新闻内容*/
.xinwen_ti{height: auto; font-size:16px; color:#666; line-height:32px;padding-bottom:20px;border-bottom:solid 1px #d2d2d2;}
/*.xinwen_ti p{ text-indent:30px;}*/
.xinwen_tu{text-align:center; margin:25px 0;}
.xinwen_tu img{ width:auto;height:auto; }
/*分页*/
.fenye{height:30px; font-size:16px; color:#666; padding:35px 0;}
.fenye_z{ float:left;}
.fenye_y{ float:right;}
.fenye a{color:#666;}
/***********************************新闻列表***********************************/
.xinwen{height:auto;}
/*标题*/
.xin_biao{width:980px;margin:auto; font-size:48px; color:#000; text-align:center;margin-top:50px;margin-bottom:50px; background:url(../images/x_b.png) no-repeat 0px 22px;}
.xinwen_xiang{height:auto;}
/*列表*/
.xinwen_liebiao{height:270px;width:980px;margin:auto;margin-top:70px;}
.xinwen_liebiao_tu{ float:left;width:360px;height:270px;}
.xinwen_liebiao_tu img{ border-radius:8px;}
.xinwen_liebiao_zi{ float:right;width:578px;height:270px; border-bottom:solid 2px #dcdcdc;}
.xinwen_liebiao_zi h3{text-align:left; font-size:26px; color:#333; font-weight:200; margin-bottom:40px;}
.xinwen_liebiao_zi p{height:112px;text-align:left;font-size:16px; color:#666; line-height:35px; overflow:hidden;}
.xinwen_liebiao_zi p a{color:#999;}
.xinwen_liebiao_zi span{text-align:right;font-size:24px; color:#333; display:block; margin-top:20px;}
/*列表分页*/
.xw_fenye{ text-align:center; margin-top:70px;margin-bottom:70px;font-size:20px; color:#97999b;}
.xw_fenye a{ display: inline-block;margin: 0 17px;width:37px;line-height: 37px; border:solid 1px #d7d7d7;color:#97999b;line-height: 37px;}
/***********************************产品详情***********************************/
.chan{height:470px;width:890px;margin:auto;margin-top:70px;margin-bottom:70px;}
.chan_tu{ float:left;width:375px;height:469px;border:solid 1px #e0e0e0;}
.chan_zi{ float:right;width:400px;height:469px; }
.chan_zi h3{ font-size:30px; color:#000; font-weight:200; margin-top:45px;}
.chan_zi h2{width:109px;font-weight:100;font-size:18px;color:#000;border-bottom:solid 3px #000;margin-bottom:50px;}
.chan_zi span{height:71px;font-size:18px; color:#666; line-height:35px; overflow:hidden;margin-bottom:38px; display:block;}
.chan_zi p{ font-size:18px; color:#333;height:32px; line-height:32px;}
/*商品详情*/
.chan_xiang{ background:url(../images/chan_bj.png) no-repeat; text-align:center;padding-top:15px;height:auto;}
.chan_xiang h5{font-size:20px; color:#333; font-weight:500;margin-bottom:30px;}
.chan_xiang p{font-size:16px; color:#5b5b5b; text-indent:30px; text-align:center; line-height:35px;}
.chan_xiang_tu{ margin-top:40px;margin-bottom:40px;}
.chan_shipin{margin-top:40px;margin-bottom:50px; text-align:center;}
.chan_shipin img{height:auto;width:auto;}
/***********************************视频详情***********************************/
.shipin_x h3{font-size:24px; color:#333; text-align:center; margin:35px 0; font-weight:100;}
.shipin_tu{ margin-bottom:50px;}
.shipin_tui{height:20px; margin-bottom:50px;}
.shipin_tui h5{font-size:16px; color:#333;float:left;margin-bottom:25px;}
.shipin_tui img{width:25px;height:21px;width:auto;height:auto;float:left;}
/*推荐视频*/
.shipin_tui_one{width:1200px;height:290px;  border-radius:8px;margin-bottom:70px;}
.shipin_tui_one ul li{width:330px;height:290px; border:solid 3px #f3f3f3; border-radius:8px;margin-bottom:50px; float:left; margin:0 32px;}
.shipin_tui_one img{width:330px;height:193px;border-top-left-radius:6px;border-top-right-radius:6px;}
.shipin_tui_one p{ text-align:right;font-size:14px; color:#9e9e9e;padding-right:5px;}
.shipin_tui_one h3{margin-top:27px;padding-left:12px;font-size:16px; color:#333;}
.kai{width:52px;height:52px;z-index:7;bottom:100px; left:4%; position: relative;}
.kai img{width:52px;height:52px;}
/***********************************视频中心***********************************/
/*视频标题*/
.shipin{ text-align:center;margin:40px 0;}
.shipin h2{ font-size:30px; color:#000; font-weight:100;}
/***********************************产品中心***********************************/
/*分类菜单*/
.fenzong{  height:auto; margin:auto; margin-bottom:60px;}
.fenlei{height:50px;margin:auto; text-align:center;font-size:24px; color:#000;
  position: relative;
}
.fenlei>ul{ height:52px;margin:auto; overflow:hidden;display: table;}
.fenlei>ul>li{ float:left; width:198px; border:1px solid #ddd; height:50px;box-sizing: border-box;}
.fenlei>ul>li img{width:13px; height:8px;margin-top:-28px; display:block; margin-left:130px;}
.fenlei>ul>li a{width:200px;height:50px; line-height:50px;display:inline-block; text-align: center;}
.clear{ clear:both;}
#shang{color:#007bc1;height:50px;  width:198px; border-right:none;}
/*下拉*/
.xiala{width:100%;height:50px;margin:auto; text-align:center;font-size:20px; position: absolute; top: 50px; left: 0;}
.xiala ul{display: table;margin:0 auto; border-bottom:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7;}
.xiala ul li{ float:left; height:50px; line-height:50px; width:100px; display:block; text-align:center;}
.xiala ul li a{width:100px;height:30px; line-height:30px;display:inline-block; border-right:1px solid #ddd; color:#000;}
#s_y{ border-right:none;}
.main{border-bottom:none;border-top:solid 3px #007bc1!important}
/*产品列表*/
.chanpin_one{width:1200px;margin-top:20px;}
.chanpin_one ul{
    overflow: hidden;
}
.chanpin_one ul li{width:269px; float:left; margin:0 14px 30px;}
.chanpin_one ul li img{
     border:solid 1px #b4b4b4;
}
.chanpin_one ul li p{font-size:16px; color:#333;height:35px; line-height:35px;margin-top:25px;margin-bottom:35px;width:273px; overflow:hidden;}
/*************************************承诺说明*************************************/
.cheng{ margin-top: 34px; }
.title_common2{ margin-top: 40px; padding-bottom: 25px; }
.title_common2 p{ font-size: 30px; color: #000; line-height: 1.2; text-align: center; }
.title_common2 p.p2{ text-transform: uppercase; }
.cheng .content{ margin-top: 40px; }
.cheng .content li{ overflow: hidden; text-align: center; }
.cheng .content li .left{ position: relative; float: left; width: 50%; }
.cheng .content li .right{ float: left; width: 50%; }
.cheng .content li .left img.i1{ width: 346px; height: 238px; border: 1px solid #ddd; }
.cheng .content li .left img.i2{ position: absolute; top: 110px; right: 104px; width: 45px; height: 51px; }
.cheng .content li.l2 .left{ float: right; }
.cheng .content li.l2 .right{ float: right; }
.cheng .content li.l2 .left img.i2{ left: 104px; }
.cheng .content li .right p{ line-height: 238px; font-size: 24px; color: #5b5b5b; }
.cheng .content .btm{ margin-top: 30px; text-align: center; margin-bottom: 50px; }
.cheng .content .btm img{ margin-top: 30px; width: 947px; }
/*************************************品牌介绍*************************************/
.pin_jie{ margin-top: 34px; margin-bottom: 60px; }
.pin_jie .content0{ margin-top: 20px; margin-left: auto; margin-right: auto; width: 1044px; }
.pin_jie .content1 .left{position: relative;text-align: center; float: left; width: 50%; height: 340px;}
.pin_jie .content1 .left p{position: absolute;;z-index: 10;top: 20px;left: 30px;width: 425px;height: 285px;border: 2px solid #ccc; }
.pin_jie .content1 .left img{position: absolute;top: 50px;left: 60px;width: 425px;height: 285px;z-index: -1;box-shadow: 3px 3px 5px #aaa;}
.pin_jie .content1 .right{ float: left; padding-top: 30px; width: 50%; }
.pin_jie .content1 .right p{ padding-left: 40px; width: 80%; font-size: 16px; color: #5b5b5b; text-indent: 2em; line-height: 2; }
.pin_jie .content2{ position: relative; height: 670px; /*margin-bottom: 20px;*/ }
.pin_jie .content2 p{ padding: 50px; padding-bottom: 130px; color: #000; font-size: 16px; line-height: 2; border: 1px solid #000; text-indent: 2em; }
.pin_jie .content2 img{ position: absolute; bottom: 0; padding-bottom: 20px; left: 109px; width: 826px; }
.pin_jie .content3 .left{ float: left; width: 60%; }
.pin_jie .content3 .right{ float: left; width: 40%; }
.pin_jie .content3 .left h4{ font-size: 16px; color: #000; line-height: 2; }
.pin_jie .content3 .left p{ color: #666; }
.pin_jie .content3 .right{ text-align: right; }
.pin_jie .content3 .right img{ width: 80%; padding-top: 15px; }
.pin_jie .content4 .left{ float: right; width: 50%; }
.pin_jie .content4 .right{ float: right; padding-top: 50px; width: 40%; }
.pin_jie .content4 .right p{ padding-left: 120px; font-size: 16px; color: #000; line-height: 2; }
.pin_jie .content4 .right p.p1{ margin-bottom: 25px; }
/*************************************注意事项*************************************/
.zhuyi{ margin-top: 34px; }
.zhuyi .title{ text-align: center; }
.zhuyi .title h3{ font-size: 30px; color: #000; font-weight: normal; line-height: 100px; }
.zhuyi .content{ width: 1300px; }
.zhuyi .content li{ overflow: hidden; position: relative; float: left; margin-left: 20px; margin-bottom: 40px; width: 590px; height: 147px; }
.zhuyi .content li img{ position: absolute; left: 0; top: 0; width: 143px; height: 148px; z-index: 10; }
.zhuyi .content li .txt{ position: absolute; top: 0; right: 0; box-sizing: border-box; padding-left: 100px; width: 90%; height: 148px; background-color: #fafafa; line-height: 2; }
.zhuyi .content li .txt h4{ padding-top: 10px; font-size: 20px }
.zhuyi .content li .txt p{ font-size: 16px; }
/**********************************用户反馈**********************************/
.zhuzhu{ padding: 50px 0 0; }
.zhuzhu>.title{ padding-bottom: 25px; text-align: center; background: url(../images/zhuzhu1.png) no-repeat center bottom; }
.zhuzhu>.title .p1{ font-size: 24px; color: #0094de; }
.zhuzhu>.title .p2{ color: #999; font-size: 30px; line-height: 2; }
.zhuzhu .content{ margin-top: 30px; }
.zhuzhu .content li{border-bottom: 1px solid #ddd;}
.zhuzhu .content li a{ display: inline-block; width: 100%; }
.zhuzhu .content li a:hover{ background-color: #8ec8e9; cursor: pointer; }
.zhuzhu .content li a:hover .aaa .right .p1,.zhuzhu .content li a:hover .aaa .left,.zhuzhu .content li a:hover .aaa .right .p2{ color: #fff; }
.zhuzhu .content .aaa{ box-sizing: border-box; margin-left: auto; margin-right: auto; padding: 20px 0; width: 750px; height: 120px; }
.zhuzhu .content .aaa .left{ float: left; padding-right: 35px; width: 110px; text-align: right; color: #ddd; }
.zhuzhu .content .aaa .left .p1{ margin-top: 5px; font-size: 40px; line-height: 1.1; }
.zhuzhu .content .aaa .left .p2{ font-size: 18px; }
.zhuzhu .content .aaa .right{ float: left; width: 585px; }
.zhuzhu .content .aaa .right .p1{ padding-top: 8px; font-size: 24px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zhuzhu .content .aaa .right .p2{ padding-top: 5px; font-size: 14px; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zhuzhu .content .aaa .ccc{ float: left; padding-top: 25px; width: 13px; }
.bg{ display: none; position: fixed; top: 0; left: 0; bottom: 0; top: 0; z-index: 8888; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66000000,endcolorstr=#66000000); }
.pop{ display: none; position: fixed; top: 10%; left: 50%; z-index: 9900; margin-left: -380px; box-sizing: border-box; width: 760px; background-color: #fff; border-top: 5px solid #7ecef4; }
.pop .pop_back{ position: absolute; right: 20px; top: 15px; z-index: 9999; width: 32px; height: 32px; border: 1px solid #ccc; border-radius: 5px; }
.pop .pop_back img{ box-sizing: border-box; padding: 6px 6px 6px; width: 100%; cursor: pointer; }
.pop .title{ position: absolute; right: 0; top: 0; z-index: 9990; width: 100%; box-sizing: border-box; padding: 20px 65px 25px 50px; text-align: center; background-color: #fff; box-shadow: 2px 0 3px rgba(0, 0, 0, 0.5); }
.pop .title h3{ height: 10px; border-bottom: 2px solid #000; }
.pop .title h3 span{ display: inline-block; padding: 0 15px; background-color: #fff; margin-top: -20px; font-size: 24px; color: #000; font-weight: normal; }
.pop .content{ overflow: auto; box-sizing: border-box; margin-top: 58px; padding: 15px 50px 20px; height: 580px; width: 100%; }
.pop .content img{ float: left; margin-bottom: 40px; width: 300px; height: 540px; box-shadow: 5px 5px 5px #999; }
.pop .content img.i1{ float: right; }
.pop .content p{ float: left; width: 100%; }
/**********************************超能量是什么**********************************/
.chan_jie{ margin-top: 34px; }
.iswhat{ overflow: hidden; margin-top: 34px; height: 850px; color: #fff; background-color: #7fc5e9; text-align: center; }
.iswhat h3{ padding-top: 330px; font-size: 48px; }
.iswhat p{ margin-top: 50px; font-size: 30px; }
.iswhat img{ margin-top: 50px; width: 41px; height: 59px; }
.sun{ overflow: hidden; padding: 100px 0; text-align: center; }
.sun img{ width: 710px; }
.six{ padding: 100px 0; overflow: hidden; text-align: center; background-color: #7fc5e9; }
.six .wrap{ position: relative; }
.six img{ width: 810px; }
.six p{ position: absolute; top: 300px; left: 0; width: 100%; font-size: 48px; color: #fff; }
.six p span{ color: #fa0000; }
.super{ overflow: hidden; padding: 100px 0; }
.super .left{ float: left; width: 45%; }
.super .left img{ margin-top: 50px; }
.super .right{ float: left; width: 55%; text-align: center; }
.super .right .p1{ font-size: 40px; }
.super .right .p1 span{ font-size: 60px; }
.super .right .p2{ margin-top: 50px; text-align: left; padding-left: 150px; font-size: 20px; color: #555; line-height: 1.8; }
.super .right .p2 span{ font-size: 20px; color: #fe0000; }
.super .right .p3{ display: inline-block; margin-top: 50px; padding: 5px 20px; font-size: 24px; color: #555; border: 1px solid #b7b5ca; background: url(../images/super0.png) no-repeat left top, url(../images/super1.png) no-repeat right bottom; }
.cell{ overflow: hidden; padding: 50px 0; background-color: #7fc5e9; }
.cell .left{ float: left; width: 50%; color: #fff; }
.cell .left h3{ font-size: 36px; font-weight: 400; text-align: center; width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 50px; border-bottom: 2px solid #fff; }
.cell .left p{ font-size: 24px; line-height: 1.8; }
.cell .right{ float: left; width: 50%; text-align: center; }
.cell .right img{ width: 490px; }
.ba{ overflow: hidden; padding: 50px 0; }
.ba .title{ text-align: center; }
.ba .title .p1{ display: inline-block; padding: 7px 20px; border: 1px solid #999; font-size: 20px; color: #555; }
.ba .title .p2{ font-size: 46px; margin-top: 5px; font-weight: 400; color: #000; line-height: 1.8; }
.ba .title .p3{ font-size: 22px; font-weight: bold; color: #7fc5e9; }
.ba .content{ padding: 20px 0; text-align: center; }
.ba .content img{ width: 780px; }
.pic{ overflow: hidden; background-color: #7fc5e9; padding: 100px 0; text-align: center; }
.pic img{ width: 800px; }
/*动画*/
.revealOnScroll{
  opacity: 0;
}
.animated{
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.leftin{
  -webkit-animation-name: leftin;
          animation-name: leftin;
}
@-webkit-keyframes leftin {
  0%{
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes leftin {
  0%{
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
.rightin {
  -webkit-animation-name: rightin;
          animation-name: rightin;
}

@-webkit-keyframes rightin {
  0%{
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes rightin {
  0%{
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
.upin {
  -webkit-animation-name: upin;
          animation-name: upin;
}

@-webkit-keyframes upin {
  0%{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes upin {
  0%{
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  75%{
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: .75;
  }
  100%{
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
}
